<template>
  <div>
    <navbar/>
    <description :description="baseDes"/>
    <hr>
    <description :description="iconDes"/>
    <hr>
    <description :description="borderDes"/>
    <hr>
    <description :description="boldDes"/>
    <hr>
  </div>
</template>

<script>
import Navbar from "@/components/navbar/navbar";
import Description from "@/components/description/description";

export default {
  name: "test-navbar",
  components: {Description, Navbar},
  data() {
    return{
      baseDes: {
        params: 'left-text / title / right-text',
        des: '左侧文案 / 标题 / 右侧文案',
        type: 'string',
        default: ' "返回" / "标题" / "" ',
        choice: '——'
      },
      iconDes: {
        params: 'left-icon / right-icon',
        des: '左侧返回 icon / 右侧更多 icon',
        type: 'boolean',
        default: 'false',
        choice: '——'
      },
      borderDes: {
        params: 'box-shadow / border',
        des: '下边框阴影 / 下边框',
        type: 'boolean',
        default: 'true / false',
        choice: '——'
      },
      boldDes: {
        params: 'bold',
        des: '标题加粗',
        type: 'boolean',
        default: 'false',
        choice: '——'
      }
    }
  },
}
</script>

<style scoped>

</style>